<template>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item v-for="(item, index) in route.matched" :key="index" :to="item.path">{{ item.meta.title }}</el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script lang="ts" setup>
  import { useRoute } from 'vue-router';

  const route = useRoute();
</script>

<style lang="scss" scoped>
  .el-breadcrumb {
    margin: 5px 0 10px 0;
  }
</style>
